<template>
	<div>
		<!--引入头部-->
		<index-Header></index-Header>
		<!--引入头部结束-->
		<div class="dingbu_xiazhu">
			<div class="display_sw">
				<div class="home_left">
					<span @click="touzhu1">我要投注</span>
					<span @click="touzhu2" class="bottom_border">投注记录</span>
				</div>

				<p class="home_you_fz">余额：10000</p>
			</div>
			<div class="display_sw">
				<div class="home_left">
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
					<span class="shengxiao_span">
							<img src="../../assets/images/caipiao/shengxiao0.png" alt="" />
						</span>
				</div>
				<p class="home_you_fz">
					第 <b class="color_red">0810023</b> 期
				</p>
			</div>
		</div>
		<!--内容-->
		
	</div>
</template>

<script>
	import indexHeader from "../index/components/indexHeader"
	export default {
		components: {
			indexHeader,
		},
		created() {
			this.$store.state.headerStatus = false;
		},
		methods: {
			//我要投注
			touzhu1() {
				this.$router.push("/index")
			},
			//投注记录
			touzhu2() {
				this.$router.push("/touzhujilu")
			},
		}

	}
</script>

<style>

</style>